<!DOCTYPE html><html><head>
      <title>5Ajax&#x5206;&#x9875;&#x6280;&#x672F;</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      <link rel="stylesheet" href="file:///C:\Users\Administrator\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.4.3\node_modules\@shd101wyy\mume\dependencies\katex\katex.min.css">
      
      

      
      
      
      
      
      

      <style>
      /**
 * prism.js Github theme based on GitHub's theme.
 * @author Sam Clarke
 */
code[class*="language-"],
pre[class*="language-"] {
  color: #333;
  background: none;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.4;

  -moz-tab-size: 8;
  -o-tab-size: 8;
  tab-size: 8;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  padding: .8em;
  overflow: auto;
  /* border: 1px solid #ddd; */
  border-radius: 3px;
  /* background: #fff; */
  background: #f5f5f5;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
  background: #f5f5f5;
}

.token.comment,
.token.blockquote {
  color: #969896;
}

.token.cdata {
  color: #183691;
}

.token.doctype,
.token.punctuation,
.token.variable,
.token.macro.property {
  color: #333;
}

.token.operator,
.token.important,
.token.keyword,
.token.rule,
.token.builtin {
  color: #a71d5d;
}

.token.string,
.token.url,
.token.regex,
.token.attr-value {
  color: #183691;
}

.token.property,
.token.number,
.token.boolean,
.token.entity,
.token.atrule,
.token.constant,
.token.symbol,
.token.command,
.token.code {
  color: #0086b3;
}

.token.tag,
.token.selector,
.token.prolog {
  color: #63a35c;
}

.token.function,
.token.namespace,
.token.pseudo-element,
.token.class,
.token.class-name,
.token.pseudo-class,
.token.id,
.token.url-reference .token.variable,
.token.attr-name {
  color: #795da3;
}

.token.entity {
  cursor: help;
}

.token.title,
.token.title .token.punctuation {
  font-weight: bold;
  color: #1d3e81;
}

.token.list {
  color: #ed6a43;
}

.token.inserted {
  background-color: #eaffea;
  color: #55a532;
}

.token.deleted {
  background-color: #ffecec;
  color: #bd2c00;
}

.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}


/* JSON */
.language-json .token.property {
  color: #183691;
}

.language-markup .token.tag .token.punctuation {
  color: #333;
}

/* CSS */
code.language-css,
.language-css .token.function {
  color: #0086b3;
}

/* YAML */
.language-yaml .token.atrule {
  color: #63a35c;
}

code.language-yaml {
  color: #183691;
}

/* Ruby */
.language-ruby .token.function {
  color: #333;
}

/* Markdown */
.language-markdown .token.url {
  color: #795da3;
}

/* Makefile */
.language-makefile .token.symbol {
  color: #795da3;
}

.language-makefile .token.variable {
  color: #183691;
}

.language-makefile .token.builtin {
  color: #0086b3;
}

/* Bash */
.language-bash .token.keyword {
  color: #0086b3;
}

/* highlight */
pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}
pre[data-line] .line-highlight-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  display: block;
  width: 100%;
}

pre[data-line] .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  background: hsla(24, 20%, 50%,.08);
  background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

pre[data-line] .line-highlight:before, 
pre[data-line] .line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: .4em;
  left: .6em;
  min-width: 1em;
  padding: 0 .5em;
  background-color: hsla(24, 20%, 50%,.4);
  color: hsl(24, 20%, 95%);
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: .3em;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px white;
}

pre[data-line] .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: .4em;
}html body{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;overflow:initial;box-sizing:border-box;word-wrap:break-word}html body>:first-child{margin-top:0}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{line-height:1.2;margin-top:1em;margin-bottom:16px;color:#000}html body h1{font-size:2.25em;font-weight:300;padding-bottom:.3em}html body h2{font-size:1.75em;font-weight:400;padding-bottom:.3em}html body h3{font-size:1.5em;font-weight:500}html body h4{font-size:1.25em;font-weight:600}html body h5{font-size:1.1em;font-weight:600}html body h6{font-size:1em;font-weight:600}html body h1,html body h2,html body h3,html body h4,html body h5{font-weight:600}html body h5{font-size:1em}html body h6{color:#5c5c5c}html body strong{color:#000}html body del{color:#5c5c5c}html body a:not([href]){color:inherit;text-decoration:none}html body a{color:#08c;text-decoration:none}html body a:hover{color:#00a3f5;text-decoration:none}html body img{max-width:100%}html body>p{margin-top:0;margin-bottom:16px;word-wrap:break-word}html body>ul,html body>ol{margin-bottom:16px}html body ul,html body ol{padding-left:2em}html body ul.no-list,html body ol.no-list{padding:0;list-style-type:none}html body ul ul,html body ul ol,html body ol ol,html body ol ul{margin-top:0;margin-bottom:0}html body li{margin-bottom:0}html body li.task-list-item{list-style:none}html body li>p{margin-top:0;margin-bottom:0}html body .task-list-item-checkbox{margin:0 .2em .25em -1.8em;vertical-align:middle}html body .task-list-item-checkbox:hover{cursor:pointer}html body blockquote{margin:16px 0;font-size:inherit;padding:0 15px;color:#5c5c5c;border-left:4px solid #d6d6d6}html body blockquote>:first-child{margin-top:0}html body blockquote>:last-child{margin-bottom:0}html body hr{height:4px;margin:32px 0;background-color:#d6d6d6;border:0 none}html body table{margin:10px 0 15px 0;border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}html body table th{font-weight:bold;color:#000}html body table td,html body table th{border:1px solid #d6d6d6;padding:6px 13px}html body dl{padding:0}html body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:bold}html body dl dd{padding:0 16px;margin-bottom:16px}html body code{font-family:Menlo,Monaco,Consolas,'Courier New',monospace;font-size:.85em !important;color:#000;background-color:#f0f0f0;border-radius:3px;padding:.2em 0}html body code::before,html body code::after{letter-spacing:-0.2em;content:"\00a0"}html body pre>code{padding:0;margin:0;font-size:.85em !important;word-break:normal;white-space:pre;background:transparent;border:0}html body .highlight{margin-bottom:16px}html body .highlight pre,html body pre{padding:1em;overflow:auto;font-size:.85em !important;line-height:1.45;border:#d6d6d6;border-radius:3px}html body .highlight pre{margin-bottom:0;word-break:normal}html body pre code,html body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}html body pre code:before,html body pre tt:before,html body pre code:after,html body pre tt:after{content:normal}html body p,html body blockquote,html body ul,html body ol,html body dl,html body pre{margin-top:0;margin-bottom:16px}html body kbd{color:#000;border:1px solid #d6d6d6;border-bottom:2px solid #c7c7c7;padding:2px 4px;background-color:#f0f0f0;border-radius:3px}@media print{html body{background-color:#fff}html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:#000;page-break-after:avoid}html body blockquote{color:#5c5c5c}html body pre{page-break-inside:avoid}html body table{display:table}html body img{display:block;max-width:100%;max-height:100%}html body pre,html body code{word-wrap:break-word;white-space:pre}}.markdown-preview{width:100%;height:100%;box-sizing:border-box}.markdown-preview .pagebreak,.markdown-preview .newpage{page-break-before:always}.markdown-preview pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}.markdown-preview pre.line-numbers>code{position:relative}.markdown-preview pre.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:1em;font-size:100%;left:0;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-preview pre.line-numbers .line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.markdown-preview pre.line-numbers .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.markdown-preview .mathjax-exps .MathJax_Display{text-align:center !important}.markdown-preview:not([for="preview"]) .code-chunk .btn-group{display:none}.markdown-preview:not([for="preview"]) .code-chunk .status{display:none}.markdown-preview:not([for="preview"]) .code-chunk .output-div{margin-bottom:16px}.scrollbar-style::-webkit-scrollbar{width:8px}.scrollbar-style::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.scrollbar-style::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,0.66);border:4px solid rgba(150,150,150,0.66);background-clip:content-box}html body[for="html-export"]:not([data-presentation-mode]){position:relative;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:auto}html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{position:relative;top:0}@media screen and (min-width:914px){html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{padding:2em calc(50% - 457px + 2em)}}@media screen and (max-width:914px){html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for="html-export"]:not([data-presentation-mode]) .markdown-preview{font-size:14px !important;padding:1em}}@media print{html body[for="html-export"]:not([data-presentation-mode]) #sidebar-toc-btn{display:none}}html body[for="html-export"]:not([data-presentation-mode]) #sidebar-toc-btn{position:fixed;bottom:8px;left:8px;font-size:28px;cursor:pointer;color:inherit;z-index:99;width:32px;text-align:center;opacity:.4}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] #sidebar-toc-btn{opacity:1}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc{position:fixed;top:0;left:0;width:300px;height:100%;padding:32px 0 48px 0;font-size:14px;box-shadow:0 0 4px rgba(150,150,150,0.33);box-sizing:border-box;overflow:auto;background-color:inherit}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar{width:8px}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,0.66);border:4px solid rgba(150,150,150,0.66);background-clip:content-box}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc a{text-decoration:none}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc ul{padding:0 1.6em;margin-top:.8em}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc li{margin-bottom:.8em}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .md-sidebar-toc ul{list-style-type:none}html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{left:300px;width:calc(100% -  300px);padding:2em calc(50% - 457px -  150px);margin:0;box-sizing:border-box}@media screen and (max-width:1274px){html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{padding:2em}}@media screen and (max-width:450px){html body[for="html-export"]:not([data-presentation-mode])[html-show-sidebar-toc] .markdown-preview{width:100%}}html body[for="html-export"]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .markdown-preview{left:50%;transform:translateX(-50%)}html body[for="html-export"]:not([data-presentation-mode]):not([html-show-sidebar-toc]) .md-sidebar-toc{display:none}
/* Please visit the URL below for more information: */
/*   https://shd101wyy.github.io/markdown-preview-enhanced/#/customize-css */

      </style>
    </head>
    <body for="html-export">
      <div class="mume markdown-preview  ">
      <h1 class="mume-header" id="-%E4%B8%80-%E5%88%86%E9%A1%B5%E5%8E%9F%E7%90%86">:-: &#x4E00;&#x3001;&#x5206;&#x9875;&#x539F;&#x7406;</h1>

<h3 class="mume-header" id="1-%E5%9F%BA%E6%9C%AC%E6%9C%AF%E8%AF%AD">1&#x3001;&#x57FA;&#x672C;&#x672F;&#x8BED;</h3>

<ul>
<li>&#x8BB0;&#x5F55;&#x7D22;&#x5F15;: &#x8BB0;&#x5F55;&#x5728;&#x8868;&#x4E2D;&#x7684;&#x4F4D;&#x7F6E;,&#x4ECE;0&#x5F00;&#x59CB;(&#x4E0E;&#x4E3B;&#x952E;&#x65E0;&#x5173;)</li>
<li>&#x504F;&#x79FB;&#x91CF;: &#x6BCF;&#x9875;&#x663E;&#x793A;&#x7684;&#x8D77;&#x59CB;&#x4F4D;&#x7F6E;</li>
<li>&#x663E;&#x793A;&#x6570;&#x91CF;: &#x6BCF;&#x9875;&#x9ED8;&#x8BA4;&#x7684;&#x663E;&#x793A;&#x6570;&#x91CF;</li>
</ul>
<pre data-role="codeBlock" data-info="[mysql]" class="language-[mysql]"><code># &#x4E3A;&#x4E86;&#x6D4B;&#x8BD5;&#x65B9;&#x4FBF;&#xFF0C;&#x6211;&#x4EEC;&#x5148;&#x589E;&#x52A0;&#x4E00;&#x4E9B;&#x6570;&#x636E;
INSERT INTO `user` VALUES (2, &apos;13011113333&apos;, &apos;&#x6D2A;&#x4E03;&#x516C;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 74, 1, 1, 1554282409);
INSERT INTO `user` VALUES (3, &apos;18722223333&apos;, &apos;&#x9EC4;&#x84C9;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 17, 2, 1, 1554282409);
INSERT INTO `user` VALUES (4, &apos;18722224444&apos;, &apos;&#x90ED;&#x9756;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 23, 1, 1, 1554282409);
INSERT INTO `user` VALUES (5, &apos;18722225555&apos;, &apos;&#x9EC4;&#x836F;&#x5E08;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 58, 1, 1, 1554282409);
INSERT INTO `user` VALUES (6, &apos;18722226666&apos;, &apos;&#x5468;&#x4F2F;&#x901A;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 53, 1, 1, 1554282409);
INSERT INTO `user` VALUES (7, &apos;18722227777&apos;, &apos;&#x6768;&#x8FC7;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 1, 1, 1, 1554282409);
INSERT INTO `user` VALUES (8, &apos;18722228888&apos;, &apos;&#x6768;&#x5EB7;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 22, 1, 1, 1554282409);
INSERT INTO `user` VALUES (9, &apos;18722229999&apos;, &apos;&#x6B27;&#x9633;&#x950B;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 60, 1, 1, 1554282409);
INSERT INTO `user` VALUES (10, &apos;18733331111&apos;, &apos;&#x4E18;&#x5904;&#x673A;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 69, 1, 1, 1554282409);
INSERT INTO `user` VALUES (11, &apos;18733332222&apos;, &apos;&#x745B;&#x59D1;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 45, 1, 1, 1554282409);
INSERT INTO `user` VALUES (12, &apos;18733333333&apos;, &apos;&#x738B;&#x91CD;&#x9633;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 55, 1, 1, 1554282409);
INSERT INTO `user` VALUES (13, &apos;18733334444&apos;, &apos;&#x7A46;&#x5FF5;&#x6148;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 19, 1, 1, 1554282409);
INSERT INTO `user` VALUES (14, &apos;18733335555&apos;, &apos;&#x9648;&#x7384;&#x98CE;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 35, 1, 1, 1554282409);
INSERT INTO `user` VALUES (15, &apos;18733336666&apos;, &apos;&#x66F2;&#x7075;&#x98CE;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 42, 2, 1, 1554282409);
INSERT INTO `user` VALUES (16, &apos;18733337777&apos;, &apos;&#x6885;&#x8D85;&#x98CE;&apos;, &apos;e10adc3949ba59abbe56e057f20f883e&apos;, 32, 1, 1, 1554282409);
</code></pre><hr>
<h3 class="mume-header" id="2-sql%E4%B8%AD%E7%9A%84%E5%88%86%E9%A1%B5%E5%85%B3%E9%94%AE%E5%AD%97">2&#x3001;SQL&#x4E2D;&#x7684;&#x5206;&#x9875;&#x5173;&#x952E;&#x5B57;</h3>

<ul>
<li><code>LIMIT m OFFSET n</code></li>
<li><code>LIMIT m</code>: &#x6BCF;&#x9875;&#x663E;&#x793A;&#x7684;&#x8BB0;&#x5F55;&#x6570;&#x91CF;</li>
<li><code>OFFSET n</code>: &#x4ECE;&#x6307;&#x5B9A;&#x7684;&#x7D22;&#x5F15;n&#x5F00;&#x59CB;&#x663E;&#x793A;</li>
</ul>
<pre data-role="codeBlock" data-info="mysql" class="language-mysql"><code>SELECT * FROM user;
SELECT * FROM user LIMIT 0,5;
SELECT * FROM user LIMIT 5,5;
SELECT * FROM user LIMIT 5 OFFSET 5;
</code></pre><hr>
<h3 class="mume-header" id="3-%E5%81%8F%E7%A7%BB%E9%87%8F%E8%AE%A1%E7%AE%97%E5%85%AC%E5%BC%8F">3&#x3001;&#x504F;&#x79FB;&#x91CF;&#x8BA1;&#x7B97;&#x516C;&#x5F0F;</h3>

<ul>
<li>offset = num * (page - 1)</li>
</ul>
<hr>
<h1 class="mume-header" id="-%E4%BA%8C-ajax%E5%8E%9F%E7%90%86">:-: &#x4E8C;&#x3001;Ajax&#x539F;&#x7406;</h1>

<h3 class="mume-header" id="1-ajax-%E6%98%AF%E4%BB%80%E4%B9%88">1&#x3001;Ajax &#x662F;&#x4EC0;&#x4E48;</h3>

<ul>
<li>Ajax: (Asynchronous Javascript And XML)&#x5F02;&#x6B65;JavaScript&#x548C;XML</li>
<li>Ajax: &#x662F;&#x6307;&#x4E00;&#x79CD;&#x521B;&#x5EFA;&#x4EA4;&#x4E92;&#x5F0F;&#x7F51;&#x9875;&#x5E94;&#x7528;&#x7684;&#x7F51;&#x9875;&#x5F00;&#x53D1;&#x6280;&#x672F;</li>
<li>Ajax &#x662F;&#x4E00;&#x79CD;&#x7528;&#x4E8E;&#x521B;&#x5EFA;&#x5FEB;&#x901F;&#x52A8;&#x6001;&#x7F51;&#x9875;&#x7684;&#x6280;&#x672F;</li>
<li>Ajax &#x662F;&#x4E00;&#x79CD;&#x5728;&#x65E0;&#x9700;&#x91CD;&#x65B0;&#x52A0;&#x8F7D;&#x6574;&#x4E2A;&#x7F51;&#x9875;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x80FD;&#x591F;&#x66F4;&#x65B0;&#x90E8;&#x5206;&#x7F51;&#x9875;&#x7684;&#x6280;&#x672F;</li>
<li>&#x901A;&#x8FC7;&#x5728;&#x540E;&#x53F0;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x8FDB;&#x884C;&#x5C11;&#x91CF;&#x6570;&#x636E;&#x4EA4;&#x6362;&#xFF0C;Ajax&#x53EF;&#x4EE5;&#x4F7F;&#x7F51;&#x9875;&#x5B9E;&#x73B0;&#x5F02;&#x6B65;&#x66F4;&#x65B0;</li>
<li>&#x8FD9;&#x610F;&#x5473;&#x7740;&#x53EF;&#x4EE5;&#x5728;&#x4E0D;&#x91CD;&#x65B0;&#x52A0;&#x8F7D;&#x6574;&#x4E2A;&#x7F51;&#x9875;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x5BF9;&#x7F51;&#x9875;&#x7684;&#x67D0;&#x90E8;&#x5206;&#x8FDB;&#x884C;&#x66F4;&#x65B0;</li>
</ul>
<hr>
<h3 class="mume-header" id="2-xmlhttprequest">2&#x3001;XMLHTTPRequest</h3>

<ul>
<li>XMLHttpRequest&#x662F;&#x4E00;&#x4E2A;&#x6D4F;&#x89C8;&#x5668;&#x63A5;&#x53E3;,&#x4F7F;&#x5F97;Javascript&#x53EF;&#x4EE5;&#x8FDB;&#x884C;HTTP(S)&#x901A;&#x4FE1;</li>
<li>&#x6211;&#x4EEC;&#x6700;&#x719F;&#x6089;&#x5E94;&#x7528;&#x5C31;&#x662F;&#x521B;&#x5EFA;<strong>AJAX</strong>&#x5BF9;&#x8C61;</li>
</ul>
<hr>
<h3 class="mume-header" id="3-%E6%A1%88%E4%BE%8B">3&#x3001;&#x6848;&#x4F8B;</h3>

<ul>
<li>&#x5728;&#x4E0D;&#x5237;&#x65B0;&#x9875;&#x9762;&#x7684;&#x60C5;&#x51B5;&#x4E0B;, &#x4ECE;&#x670D;&#x52A1;&#x5668;&#x83B7;&#x53D6;&#x6570;&#x636E;&#x5E76;&#x6E32;&#x67D3;&#x5230;html&#x4E2D;</li>
</ul>
<pre data-role="codeBlock" data-info="php" class="language-php"><span class="token shell-comment comment"># php&#x4EE3;&#x7801;&#xFF1A;get_cate.php</span>
<span class="token delimiter important">&lt;?php</span>
<span class="token variable">$pdo</span> <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">PDO</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;mysql:dbname=php&apos;</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">&apos;root&apos;</span><span class="token punctuation">,</span><span class="token single-quoted-string string">&apos;root&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token variable">$stmt</span> <span class="token operator">=</span> <span class="token variable">$pdo</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">prepare</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;SELECT * FROM `category`&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token variable">$stmt</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">execute</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token variable">$result</span> <span class="token operator">=</span> <span class="token variable">$stmt</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">fetchAll</span><span class="token punctuation">(</span><span class="token scope">PDO<span class="token punctuation">::</span></span><span class="token constant">FETCH_ASSOC</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token keyword">echo</span> <span class="token single-quoted-string string">&apos;&lt;pre&gt;&apos;</span> <span class="token punctuation">.</span><span class="token function">print_r</span><span class="token punctuation">(</span><span class="token variable">$result</span><span class="token punctuation">,</span><span class="token boolean">true</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token comment">// echo json_encode($result);</span>
</pre><pre data-role="codeBlock" data-info="html" class="language-html"># index.php
<span class="token doctype">&lt;!DOCTYPE html&gt;</span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>en<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>UTF-8<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>&#x7535;&#x5F71;&#x5206;&#x7C7B;<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span><span class="token punctuation">&gt;</span></span>&#x7535;&#x5F71;&#x5206;&#x7C7B;<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>ul</span><span class="token punctuation">&gt;</span></span>
		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>ul</span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>
	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script language-javascript">
		<span class="token keyword">var</span> btn <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">&apos;button&apos;</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">item</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

		<span class="token comment">// &#x521B;&#x5EFA; Ajax&#x5BF9;&#x8C61;</span>
		<span class="token keyword">var</span> request <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">XMLHttpRequest</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

		btn<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">&apos;click&apos;</span><span class="token punctuation">,</span> getCate<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

		<span class="token comment">// btn&#x70B9;&#x51FB;&#x4E8B;&#x4EF6;&#x56DE;&#x8C03;&#x65B9;&#x6CD5;</span>
		<span class="token keyword">function</span> <span class="token function">getCate</span><span class="token punctuation">(</span><span class="token parameter">ev</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
			<span class="token comment">// &#x76D1;&#x542C;&#x8BF7;&#x6C42;</span>
			request<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token string">&apos;readystatechange&apos;</span><span class="token punctuation">,</span> callBack<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

			<span class="token comment">// &#x914D;&#x7F6E;&#x8BF7;&#x6C42;</span>
			request<span class="token punctuation">.</span><span class="token function">open</span><span class="token punctuation">(</span><span class="token string">&apos;GET&apos;</span><span class="token punctuation">,</span> <span class="token string">&apos;get_cate.php&apos;</span><span class="token punctuation">,</span> <span class="token boolean">true</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

			<span class="token comment">// &#x53D1;&#x9001;&#x8BF7;&#x6C42;</span>
			request<span class="token punctuation">.</span><span class="token function">send</span><span class="token punctuation">(</span><span class="token keyword">null</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

			<span class="token comment">// &#x4ECE;&#x5F53;&#x524D;&#x6309;&#x94AE;&#x4E0A;&#x79FB;&#x9664;&#x70B9;&#x51FB;&#x4E8B;&#x4EF6;, &#x9632;&#x6B62;&#x91CD;&#x590D;&#x70B9;&#x51FB;</span>
			ev<span class="token punctuation">.</span>target<span class="token punctuation">.</span><span class="token function">removeEventListener</span><span class="token punctuation">(</span><span class="token string">&apos;click&apos;</span><span class="token punctuation">,</span> getCate<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
		<span class="token punctuation">}</span>
		
		<span class="token comment">// Ajax&#x7684;&#x8BF7;&#x6C42;&#x6210;&#x529F;&#x7684;&#x56DE;&#x8C03;&#x65B9;&#x6CD5;</span>
		<span class="token keyword">function</span> <span class="token function">callBack</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
			<span class="token keyword">if</span> <span class="token punctuation">(</span>request<span class="token punctuation">.</span>readyState <span class="token operator">===</span> <span class="token number">4</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
				<span class="token comment">// &#x63A7;&#x5236;&#x53F0;&#x68C0;&#x67E5;</span>
				<span class="token comment">// console.log(request.responseText);</span>

				<span class="token keyword">var</span> data  <span class="token operator">=</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span>request<span class="token punctuation">.</span>responseText<span class="token punctuation">)</span><span class="token punctuation">;</span>

				<span class="token comment">// JSON &#x8F6C; JS&#x5BF9;&#x8C61;</span>
				<span class="token comment">// console.log(data);</span>

				<span class="token comment">// &#x5FAA;&#x73AF;&#x751F;&#x6210;&lt;li&gt;</span>
				<span class="token keyword">var</span> ul <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token string">&apos;ul&apos;</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">item</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

				data<span class="token punctuation">.</span><span class="token function">forEach</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span><span class="token parameter">index</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
					<span class="token comment">// console.log(index[&apos;alias&apos;]);</span>
					<span class="token keyword">var</span> li <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">createElement</span><span class="token punctuation">(</span><span class="token string">&apos;li&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
					li<span class="token punctuation">.</span>innerText <span class="token operator">=</span> index<span class="token punctuation">[</span><span class="token string">&apos;alias&apos;</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
					ul<span class="token punctuation">.</span><span class="token function">appendChild</span><span class="token punctuation">(</span>li<span class="token punctuation">)</span><span class="token punctuation">;</span>
				<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
		<span class="token punctuation">}</span>
	</span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>
</pre><hr>
<h1 class="mume-header" id="-%E4%B8%89-ajax%E5%88%86%E9%A1%B5">:-: &#x4E09;&#x3001;Ajax&#x5206;&#x9875;</h1>

<h3 class="mume-header" id="1-%E6%9C%8D%E5%8A%A1%E5%99%A8%E8%BF%94%E5%9B%9E%E7%9A%84%E6%95%B0%E6%8D%AE%E6%A0%BC%E5%BC%8F">1. &#x670D;&#x52A1;&#x5668;&#x8FD4;&#x56DE;&#x7684;&#x6570;&#x636E;&#x683C;&#x5F0F;</h3>

<ul>
<li>COUNT &#x7EDF;&#x8BA1;&#x8868;&#x4E2D;&#x8BB0;&#x5F55;&#x7684;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#xFF0C;&#x8FD4;&#x56DE;&#x5339;&#x914D;&#x6761;&#x4EF6;&#x7684;&#x884C;&#x6570;</li>
<li>CEIL &#x6D6E;&#x70B9;&#x6570;&#x5411;&#x4E0A;&#x53D6;&#x6B63;</li>
<li>LEFT &#x4ECE;&#x5DE6;&#x5F00;&#x59CB;&#x622A;&#x53D6;&#x5B57;&#x7B26;&#x4E32;</li>
<li>CONCAT &#x5C06;&#x591A;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;&#x8FDE;&#x63A5;&#x6210;&#x4E00;&#x4E2A;&#x5B57;&#x7B26;&#x4E32;</li>
</ul>
<pre data-role="codeBlock" data-info="php" class="language-php"><span class="token shell-comment comment"># php&#x4EE3;&#x7801;&#xFF1A;get_movies.php</span>
<span class="token delimiter important">&lt;?php</span>
	<span class="token comment">// &#x83B7;&#x53D6;&#x5F53;&#x524D;&#x8981;&#x663E;&#x793A;&#x7684;&#x9875;&#x6570;</span>
	<span class="token variable">$page</span> <span class="token operator">=</span> <span class="token function">intval</span><span class="token punctuation">(</span><span class="token global">$_GET</span><span class="token punctuation">[</span><span class="token single-quoted-string string">&apos;p&apos;</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
	<span class="token variable">$pdo</span> <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">PDO</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;mysql:dbname=php&apos;</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">&apos;root&apos;</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">&apos;root&apos;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x6BCF;&#x9875;&#x663E;&#x793A;&#x6570;&#x91CF;</span>
	<span class="token variable">$num</span> <span class="token operator">=</span> <span class="token number">5</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x603B;&#x9875;&#x6570;: &#x9700;&#x8981;&#x5206;&#x4E8C;&#x6B65;, &#x7B2C;&#x4E00;&#x6C42;&#x51FA;&#x603B;&#x8BB0;&#x5F55;&#x6570;&#x91CF;, &#x7B2C;&#x4E8C;&#x603B;&#x8BB0;&#x5F55;&#x6570;&#x91CF;&#x9664;&#x4EE5;&#x6BCF;&#x9875;&#x663E;&#x793A;&#x7684;&#x8BB0;&#x5F55;&#x6570;&#x91CF;,&#x518D;&#x5411;&#x4E0A;&#x53D6;&#x6574;</span>
	<span class="token variable">$sql</span> <span class="token operator">=</span> <span class="token double-quoted-string string">&quot;SELECT CEIL(COUNT(`mov_id`)/<span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$num</span><span class="token punctuation">}</span></span>) FROM `movies`&quot;</span><span class="token punctuation">;</span>
	<span class="token variable">$stmt</span> <span class="token operator">=</span> <span class="token variable">$pdo</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">prepare</span><span class="token punctuation">(</span><span class="token variable">$sql</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
	<span class="token variable">$stmt</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">execute</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
	<span class="token variable">$pages</span> <span class="token operator">=</span> <span class="token variable">$stmt</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">fetchColumn</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x6BCF;&#x9875;&#x7684;&#x663E;&#x793A;&#x8D77;&#x6B62;&#x4F4D;&#x7F6E;: &#x504F;&#x79FB;&#x91CF;</span>
	<span class="token comment">// &#x504F;&#x79FB;&#x91CF; = &#x5F53;&#x524D;&#x663E;&#x793A;&#x6570;&#x91CF; * (&#x5F53;&#x524D;&#x9875;&#x7801; - 1)</span>
	<span class="token variable">$offset</span> <span class="token operator">=</span> <span class="token variable">$num</span> <span class="token operator">*</span> <span class="token punctuation">(</span><span class="token variable">$page</span> <span class="token operator">-</span> <span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token variable">$sql</span> <span class="token operator">=</span> <span class="token double-quoted-string string">&quot;SELECT `mov_id`,`name`, CONCAT(LEFT(`detail`,20),&apos;...&apos;) AS `detail` FROM `movies` LIMIT <span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$num</span><span class="token punctuation">}</span></span> OFFSET <span class="token interpolation"><span class="token punctuation">{</span><span class="token variable">$offset</span><span class="token punctuation">}</span></span> &quot;</span><span class="token punctuation">;</span>
	<span class="token variable">$stmt</span> <span class="token operator">=</span> <span class="token variable">$pdo</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">prepare</span><span class="token punctuation">(</span><span class="token variable">$sql</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token variable">$stmt</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">execute</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token variable">$movies</span> <span class="token operator">=</span> <span class="token variable">$stmt</span><span class="token operator">-</span><span class="token operator">&gt;</span><span class="token function">fetchAll</span><span class="token punctuation">(</span><span class="token scope">PDO<span class="token punctuation">::</span></span><span class="token constant">FETCH_ASSOC</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token keyword">echo</span> <span class="token function">json_encode</span><span class="token punctuation">(</span><span class="token punctuation">[</span><span class="token single-quoted-string string">&apos;pages&apos;</span><span class="token operator">=</span><span class="token operator">&gt;</span><span class="token variable">$pages</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">&apos;movies&apos;</span><span class="token operator">=</span><span class="token operator">&gt;</span><span class="token variable">$movies</span><span class="token punctuation">]</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</pre><hr>
<h3 class="mume-header" id="2-%E5%89%8D%E7%AB%AF%E5%88%86%E9%A1%B5%E6%9D%A1">2. &#x524D;&#x7AEF;&#x5206;&#x9875;&#x6761;</h3>

<pre data-role="codeBlock" data-info="php" class="language-php"><span class="token operator">&lt;</span><span class="token operator">!</span><span class="token constant">DOCTYPE</span> html<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span>html lang<span class="token operator">=</span><span class="token double-quoted-string string">&quot;en&quot;</span><span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span>head<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>meta charset<span class="token operator">=</span><span class="token double-quoted-string string">&quot;UTF-8&quot;</span><span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>title<span class="token operator">&gt;</span>&#x6700;&#x65B0;&#x5F71;&#x89C6;&#x5267;&#x4ECB;&#x7ECD;<span class="token operator">&lt;</span><span class="token operator">/</span>title<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>style<span class="token operator">&gt;</span>
			table <span class="token punctuation">{</span>
				border<span class="token operator">-</span>collapse<span class="token punctuation">:</span> collapse<span class="token punctuation">;</span>
				width<span class="token punctuation">:</span> <span class="token number">100</span><span class="token operator">%</span><span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			th<span class="token punctuation">,</span> td <span class="token punctuation">{</span>
				border<span class="token punctuation">:</span> <span class="token number">1</span>px solid black<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			thead <span class="token operator">&gt;</span> tr<span class="token punctuation">{</span>
				background<span class="token operator">-</span>color<span class="token punctuation">:</span> lightblue<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			ul<span class="token punctuation">,</span> li <span class="token punctuation">{</span>
				padding<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
				margin<span class="token punctuation">:</span> <span class="token number">5</span>px auto<span class="token punctuation">;</span>
				list<span class="token operator">-</span>style<span class="token punctuation">:</span> none<span class="token punctuation">;</span>
				text<span class="token operator">-</span>align<span class="token punctuation">:</span> center<span class="token punctuation">;</span>
				overflow<span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			li <span class="token punctuation">{</span>
				display<span class="token punctuation">:</span> inline<span class="token operator">-</span>block<span class="token punctuation">;</span>
				width<span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
				height<span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
				border<span class="token punctuation">:</span> <span class="token number">1</span>px solid black<span class="token punctuation">;</span>
				margin<span class="token operator">-</span>left<span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			li<span class="token punctuation">:</span>hover <span class="token punctuation">{</span>
				background<span class="token operator">-</span>color<span class="token punctuation">:</span> lightblue<span class="token punctuation">;</span>
				cursor<span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			<span class="token comment">/*&#x8BBE;&#x7F6E;&#x5F53;&#x524D;&#x9875;&#x9AD8;&#x4EAE;&#x6837;&#x5F0F;*/</span>
			<span class="token punctuation">.</span>active <span class="token punctuation">{</span>
				background<span class="token operator">-</span>color<span class="token punctuation">:</span> lightblue<span class="token punctuation">;</span>

			<span class="token punctuation">}</span>
		<span class="token operator">&lt;</span><span class="token operator">/</span>style<span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span><span class="token operator">/</span>head<span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span>body<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>table<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>caption<span class="token operator">&gt;</span>&#x6700;&#x65B0;&#x5F71;&#x89C6;&#x5267;&#x4ECB;&#x7ECD;<span class="token operator">&lt;</span><span class="token operator">/</span>caption<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>thead<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>tr<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>th<span class="token operator">&gt;</span>&#x5E8F;&#x53F7;<span class="token operator">&lt;</span><span class="token operator">/</span>th<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>th<span class="token operator">&gt;</span>&#x7247;&#x540D;<span class="token operator">&lt;</span><span class="token operator">/</span>th<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>th<span class="token operator">&gt;</span>&#x7B80;&#x4ECB;<span class="token operator">&lt;</span><span class="token operator">/</span>th<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">/</span>tr<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">/</span>thead<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>tbody id<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span><span class="token operator">!</span><span class="token operator">--</span>&#x8FD9;&#x91CC;&#x663E;&#x793A;&#x5F71;&#x89C6;&#x4FE1;&#x606F;&#x5217;&#x8868;<span class="token operator">--</span><span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>tr<span class="token operator">&gt;</span>
					<span class="token operator">&lt;</span>td<span class="token operator">&gt;</span><span class="token number">3</span><span class="token operator">&lt;</span><span class="token operator">/</span>td<span class="token operator">&gt;</span>
					<span class="token operator">&lt;</span>td<span class="token operator">&gt;</span>&#x5982;&#x679C;&#x53EF;&#x4EE5;&#x8FD9;&#x6837;&#x7231;<span class="token operator">&lt;</span><span class="token operator">/</span>td<span class="token operator">&gt;</span>
					<span class="token operator">&lt;</span>td<span class="token operator">&gt;</span>&#x4E00;&#x5BF9;&#x5DF2;&#x5A5A;&#x7537;&#x5973;&#x7A81;&#x7136;&#x5F87;&#x60C5;&#x81EA;&#x6740;&#xFF0C;&#x4EE5;&#x4E3A;&#x53EF;&#x4EE5;&#x7ED3;&#x675F;&#x8FD9;<span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token operator">&lt;</span><span class="token operator">/</span>td<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span><span class="token operator">/</span>tr<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">/</span>tbody<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span><span class="token operator">/</span>table<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>ul<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>li <span class="token keyword">class</span><span class="token operator">=</span><span class="token double-quoted-string string">&quot;active&quot;</span><span class="token operator">&gt;</span><span class="token number">1</span><span class="token operator">&lt;</span><span class="token operator">/</span>li<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>li <span class="token keyword">class</span><span class="token operator">=</span><span class="token double-quoted-string string">&quot;&quot;</span><span class="token operator">&gt;</span><span class="token number">2</span><span class="token operator">&lt;</span><span class="token operator">/</span>li<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span><span class="token operator">/</span>ul<span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span><span class="token operator">/</span>body<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>html<span class="token operator">&gt;</span>
</pre><h3 class="mume-header" id="3-%E6%95%B0%E6%8D%AE%E8%8E%B7%E5%8F%96%E4%B8%8E%E6%B8%B2%E6%9F%93">3. &#x6570;&#x636E;&#x83B7;&#x53D6;&#x4E0E;&#x6E32;&#x67D3;</h3>

<pre data-role="codeBlock" data-info="php" class="language-php"><span class="token operator">&lt;</span><span class="token operator">!</span><span class="token constant">DOCTYPE</span> html<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span>html lang<span class="token operator">=</span><span class="token double-quoted-string string">&quot;en&quot;</span><span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span>head<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>meta charset<span class="token operator">=</span><span class="token double-quoted-string string">&quot;UTF-8&quot;</span><span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>title<span class="token operator">&gt;</span>&#x6700;&#x65B0;&#x5F71;&#x89C6;&#x5267;&#x4ECB;&#x7ECD;<span class="token operator">&lt;</span><span class="token operator">/</span>title<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>style<span class="token operator">&gt;</span>
			table <span class="token punctuation">{</span>
				border<span class="token operator">-</span>collapse<span class="token punctuation">:</span> collapse<span class="token punctuation">;</span>
				width<span class="token punctuation">:</span> <span class="token number">100</span><span class="token operator">%</span><span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			th<span class="token punctuation">,</span> td <span class="token punctuation">{</span>
				border<span class="token punctuation">:</span> <span class="token number">1</span>px solid black<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			thead <span class="token operator">&gt;</span> tr<span class="token punctuation">{</span>
				background<span class="token operator">-</span>color<span class="token punctuation">:</span> lightblue<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			ul<span class="token punctuation">,</span> li <span class="token punctuation">{</span>
				padding<span class="token punctuation">:</span> <span class="token number">0</span><span class="token punctuation">;</span>
				margin<span class="token punctuation">:</span> <span class="token number">5</span>px auto<span class="token punctuation">;</span>
				list<span class="token operator">-</span>style<span class="token punctuation">:</span> none<span class="token punctuation">;</span>
				text<span class="token operator">-</span>align<span class="token punctuation">:</span> center<span class="token punctuation">;</span>
				overflow<span class="token punctuation">:</span> hidden<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			li <span class="token punctuation">{</span>
				display<span class="token punctuation">:</span> inline<span class="token operator">-</span>block<span class="token punctuation">;</span>
				width<span class="token punctuation">:</span> <span class="token number">30</span>px<span class="token punctuation">;</span>
				height<span class="token punctuation">:</span> <span class="token number">20</span>px<span class="token punctuation">;</span>
				border<span class="token punctuation">:</span> <span class="token number">1</span>px solid black<span class="token punctuation">;</span>
				margin<span class="token operator">-</span>left<span class="token punctuation">:</span> <span class="token number">3</span>px<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			li<span class="token punctuation">:</span>hover <span class="token punctuation">{</span>
				background<span class="token operator">-</span>color<span class="token punctuation">:</span> lightblue<span class="token punctuation">;</span>
				cursor<span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
			<span class="token punctuation">}</span>
			<span class="token comment">/*&#x8BBE;&#x7F6E;&#x5F53;&#x524D;&#x9875;&#x9AD8;&#x4EAE;&#x6837;&#x5F0F;*/</span>
			<span class="token punctuation">.</span>active <span class="token punctuation">{</span>
				background<span class="token operator">-</span>color<span class="token punctuation">:</span> lightblue<span class="token punctuation">;</span>

			<span class="token punctuation">}</span>
		<span class="token operator">&lt;</span><span class="token operator">/</span>style<span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span><span class="token operator">/</span>head<span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span>body<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>table<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>caption<span class="token operator">&gt;</span>&#x6700;&#x65B0;&#x5F71;&#x89C6;&#x5267;&#x4ECB;&#x7ECD;<span class="token operator">&lt;</span><span class="token operator">/</span>caption<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>thead<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>tr<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>th<span class="token operator">&gt;</span>&#x5E8F;&#x53F7;<span class="token operator">&lt;</span><span class="token operator">/</span>th<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>th<span class="token operator">&gt;</span>&#x7247;&#x540D;<span class="token operator">&lt;</span><span class="token operator">/</span>th<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span>th<span class="token operator">&gt;</span>&#x7B80;&#x4ECB;<span class="token operator">&lt;</span><span class="token operator">/</span>th<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">/</span>tr<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">/</span>thead<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span>tbody id<span class="token operator">&gt;</span>
				<span class="token operator">&lt;</span><span class="token operator">!</span><span class="token operator">--</span>&#x8FD9;&#x91CC;&#x663E;&#x793A;&#x5F71;&#x89C6;&#x4FE1;&#x606F;&#x5217;&#x8868;<span class="token operator">--</span><span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">/</span>tbody<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span><span class="token operator">/</span>table<span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span>ul<span class="token operator">&gt;</span>
			<span class="token operator">&lt;</span><span class="token operator">!</span><span class="token operator">--</span>&#x8FD9;&#x91CC;&#x7FFB;&#x9875;<span class="token operator">--</span><span class="token operator">&gt;</span>
		<span class="token operator">&lt;</span><span class="token operator">/</span>ul<span class="token operator">&gt;</span>
	<span class="token operator">&lt;</span><span class="token operator">/</span>body<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>html<span class="token operator">&gt;</span>
<span class="token operator">&lt;</span>script<span class="token operator">&gt;</span>
	<span class="token comment">// &#x83B7;&#x53D6;&#x8868;&#x683C;&#x663E;&#x793A;&#x533A;</span>
	<span class="token keyword">var</span> tbody <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;tbody&apos;</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">item</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x83B7;&#x53D6;&#x9875;&#x7801;&#x663E;&#x793A;&#x533A;</span>
	<span class="token keyword">var</span> ul <span class="token operator">=</span> document<span class="token punctuation">.</span><span class="token function">getElementsByTagName</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;ul&apos;</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">item</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x5F53;&#x524D;&#x9875;&#x7801;: &#x9ED8;&#x8BA4;&#x663E;&#x793A;&#x7B2C;&#x4E00;&#x9875;</span>
	<span class="token keyword">var</span> p <span class="token operator">=</span> <span class="token delimiter important">&lt;?=</span><span class="token global">$_GET</span><span class="token punctuation">[</span><span class="token single-quoted-string string">&apos;p&apos;</span><span class="token punctuation">]</span> <span class="token operator">?</span><span class="token operator">?</span> <span class="token number">1</span><span class="token delimiter important">?&gt;</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x521B;&#x5EFA; Ajax&#x5BF9;&#x8C61;</span>
	<span class="token keyword">var</span> request <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">XMLHttpRequest</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// &#x76D1;&#x542C;&#x6587;&#x6863;&#x7684;load&#x4E8B;&#x4EF6;,&#x5728;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x5B8C;&#x6210;&#x540E;&#x901A;&#x8FC7;Ajax&#x65B9;&#x5F0F;&#x83B7;&#x53D6;&#x6570;&#x636E;</span>
	window<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;load&apos;</span><span class="token punctuation">,</span> showData<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token comment">// load&#x4E8B;&#x4EF6;&#x65B9;&#x6CD5;</span>
	<span class="token keyword">function</span> <span class="token function">showData</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
		<span class="token comment">// &#x76D1;&#x542C;Ajax&#x6210;&#x529F;&#x56DE;&#x8C03;</span>
		request<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;readystatechange&apos;</span><span class="token punctuation">,</span> getData<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
		<span class="token comment">// &#x914D;&#x7F6E;&#x8BF7;&#x6C42;</span>
		request<span class="token punctuation">.</span><span class="token function">open</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;GET&apos;</span><span class="token punctuation">,</span> <span class="token single-quoted-string string">&apos;get_movies.php?p=&apos;</span><span class="token operator">+</span>p<span class="token punctuation">,</span> <span class="token boolean">true</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
		<span class="token comment">// &#x53D1;&#x9001;&#x8BF7;&#x6C42;</span>
		request<span class="token punctuation">.</span><span class="token function">send</span><span class="token punctuation">(</span><span class="token keyword">null</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
	<span class="token punctuation">}</span>

	<span class="token keyword">function</span> <span class="token function">getData</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
		<span class="token keyword">if</span> <span class="token punctuation">(</span>request<span class="token punctuation">.</span>readyState <span class="token operator">===</span> <span class="token number">4</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
			<span class="token comment">// console.log(request.responseText);</span>

			<span class="token comment">// 1. &#x83B7;&#x53D6;Ajax&#x8FD4;&#x56DE;&#x7684;&#x6570;&#x636E;&#x5E76;&#x89E3;&#x6790;&#x4E3A;JavaScript&#x53D8;&#x91CF;</span>
			<span class="token keyword">var</span> obj <span class="token operator">=</span> <span class="token constant">JSON</span><span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span>request<span class="token punctuation">.</span>responseText<span class="token punctuation">)</span><span class="token punctuation">;</span>
			<span class="token keyword">var</span> pages <span class="token operator">=</span> obj<span class="token punctuation">[</span><span class="token single-quoted-string string">&apos;pages&apos;</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
			<span class="token keyword">var</span> movies <span class="token operator">=</span> obj<span class="token punctuation">[</span><span class="token single-quoted-string string">&apos;movies&apos;</span><span class="token punctuation">]</span><span class="token punctuation">;</span>

			<span class="token comment">// 2. &#x751F;&#x6210;&#x8868;&#x683C;&#x6570;&#x636E;</span>
			<span class="token keyword">var</span> str <span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&apos;</span><span class="token punctuation">;</span>
			movies<span class="token punctuation">.</span><span class="token keyword">forEach</span><span class="token punctuation">(</span><span class="token keyword">function</span> <span class="token punctuation">(</span>movie<span class="token punctuation">)</span> <span class="token punctuation">{</span>
				str <span class="token operator">+</span><span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&lt;tr&gt;&apos;</span><span class="token punctuation">;</span>
				str <span class="token operator">+</span><span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&lt;td&gt;&apos;</span> <span class="token operator">+</span> movie<span class="token punctuation">[</span><span class="token single-quoted-string string">&apos;mov_id&apos;</span><span class="token punctuation">]</span><span class="token operator">+</span> <span class="token single-quoted-string string">&apos;&lt;/td&gt;&apos;</span><span class="token punctuation">;</span>
				str <span class="token operator">+</span><span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&lt;td&gt;&apos;</span> <span class="token operator">+</span> movie<span class="token punctuation">.</span>name<span class="token operator">+</span> <span class="token single-quoted-string string">&apos;&lt;/td&gt;&apos;</span><span class="token punctuation">;</span>
				str <span class="token operator">+</span><span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&lt;td&gt;&apos;</span> <span class="token operator">+</span> movie<span class="token punctuation">.</span>detail<span class="token operator">+</span> <span class="token single-quoted-string string">&apos;&lt;/td&gt;&apos;</span><span class="token punctuation">;</span>
				str <span class="token operator">+</span><span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&lt;/tr&gt;&apos;</span><span class="token punctuation">;</span>
			<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
			<span class="token comment">// &#x5C06;&#x6570;&#x636E;&#x6DFB;&#x52A0;&#x5230;&#x8868;&#x683C;&#x4E2D;</span>
			tbody<span class="token punctuation">.</span>innerHTML <span class="token operator">=</span> str<span class="token punctuation">;</span>

			<span class="token comment">// &#x6027;&#x80FD;&#x4F18;&#x5316;&#x5EFA;&#x8BAE;: &#x4F7F;&#x7528;&#x6587;&#x6863;&#x7247;&#x6BB5;&#x7EDF;&#x4E00;&#x6DFB;&#x52A0;,&#x4EE5;&#x51CF;&#x5C11;DOM&#x64CD;&#x4F5C;,&#x63D0;&#x5347;&#x6E32;&#x67D3;&#x6548;&#x7387;</span>
			<span class="token comment">// var frag = document.createDocumentFragment();</span>
			<span class="token comment">// movies.forEach(function (movie) {</span>
			<span class="token comment">// 	var tr = document.createElement(&apos;tr&apos;);</span>
			<span class="token comment">// 	for (var key in movie) {</span>
			<span class="token comment">// 		var td = document.createElement(&apos;td&apos;);</span>
			<span class="token comment">// 		td.innerHTML = movie[key];</span>
			<span class="token comment">// 		tr.appendChild(td);</span>
			<span class="token comment">// 	}</span>
			<span class="token comment">// 	frag.appendChild(tr);</span>
			<span class="token comment">// });</span>
			<span class="token comment">// tbody.appendChild(frag);</span>

			<span class="token comment">// 3. &#x751F;&#x6210;&#x9875;&#x7801;</span>
			<span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">var</span> i <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span> i <span class="token operator">&lt;=</span> pages<span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
				<span class="token comment">// &#x8BBE;&#x7F6E;&#x5F53;&#x524D;&#x9875;&#x7801;&#x662F;&#x5426;&#x9AD8;&#x4EAE;?</span>
				<span class="token keyword">var</span> active <span class="token operator">=</span> <span class="token punctuation">(</span>i <span class="token operator">===</span> p<span class="token punctuation">)</span> <span class="token operator">?</span> <span class="token single-quoted-string string">&apos;active&apos;</span> <span class="token punctuation">:</span> <span class="token single-quoted-string string">&apos;&apos;</span><span class="token punctuation">;</span>
				ul<span class="token punctuation">.</span>innerHTML <span class="token operator">+</span><span class="token operator">=</span> <span class="token single-quoted-string string">&apos;&lt;li class=&quot;&apos;</span><span class="token operator">+</span> active  <span class="token operator">+</span><span class="token single-quoted-string string">&apos;&quot;&gt;&apos;</span> <span class="token operator">+</span> i <span class="token operator">+</span> <span class="token single-quoted-string string">&apos;&lt;/li&gt;&apos;</span><span class="token punctuation">;</span>

				<span class="token comment">// &#x4F9B;&#x53C2;&#x8003;&#x7684;,&#x89C4;&#x8303;&#x7684;DOM&#x8BED;&#x6CD5;</span>
				<span class="token comment">/*
				var li = document.createElement(&apos;li&apos;);
				li.appendChild(document.createTextNode(i.toString()));
				if (p === i)  li.classList.add(&apos;active&apos;);
				ul.appendChild(li);
				 */</span>
			<span class="token punctuation">}</span>
		<span class="token punctuation">}</span>
	<span class="token punctuation">}</span>

	<span class="token comment">// &#x7ED9;&#x9875;&#x7801;&#x6DFB;&#x52A0;&#x70B9;&#x51FB;&#x4E8B;&#x4EF6;</span>
	ul<span class="token punctuation">.</span><span class="token function">addEventListener</span><span class="token punctuation">(</span><span class="token single-quoted-string string">&apos;click&apos;</span><span class="token punctuation">,</span> set_page<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

	<span class="token keyword">function</span> <span class="token function">set_page</span><span class="token punctuation">(</span>ev<span class="token punctuation">)</span> <span class="token punctuation">{</span>
		console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>ev<span class="token punctuation">.</span>target<span class="token punctuation">.</span>innerText<span class="token punctuation">)</span><span class="token punctuation">;</span>
		location<span class="token punctuation">.</span>search <span class="token operator">=</span> <span class="token single-quoted-string string">&apos;?p=&apos;</span> <span class="token operator">+</span> ev<span class="token punctuation">.</span>target<span class="token punctuation">.</span>innerText<span class="token punctuation">;</span>
	<span class="token punctuation">}</span>

	<span class="token comment">// &#x4F5C;&#x4E1A;:</span>
	<span class="token comment">// &#x6DFB;&#x52A0;&#x4E0A;&#x4E00;&#x4E0B;, &#x4E0B;&#x4E00;&#x9875;&#x529F;&#x80FD;, &#x6CE8;&#x610F;&#x5224;&#x65AD;&#x9875;&#x7801;&#x8D8A;&#x754C;&#x7684;&#x95EE;&#x9898;, &#x4F8B;&#x5982;&#x5230;&#x4E86;&#x7B2C;&#x4E00;&#x9875;&#x518D;&#x524D;&#x7FFB;&#x600E;&#x4E48;&#x5904;&#x7406;, &#x5230;&#x4E86;&#x6700;&#x540E;&#x4E00;&#x9875;&#x518D;&#x540E;&#x7FFB;&#x5982;&#x4F55;&#x5904;&#x7406;?</span>
<span class="token operator">&lt;</span><span class="token operator">/</span>script<span class="token operator">&gt;</span>
</pre>
      </div>
      
      
    
    
    
    
    
    
    
    
  
    </body></html>